.b{ color: #555;}
label{ font-weight: normal; margin-bottom: 0;}

/*===========验光===========*/
.info-opt{position:relative;}
.userbox-l .edit-btn{ display:block; width:30px; line-height:30px; height:30px; text-align:center; color:#fff; background:rgba(0,0,0,0.1); border-radius:100%!important; position:absolute; top:15px; right:20px;}
.userbox-l .edit-btn i {line-height: 30px;}
.info-opt .userbox-l{ width:270px; height:388px; color:#dbebff; background:#6eabfe; position:absolute; top:0; left:0; }
.info-opt .userbox-l:before{ content:""; border-top:33px solid transparent;border-bottom:0;border-left:26px solid #376fba; position:absolute; top:0; right:-26px;}
.info-opt .userbox-l:after{ content:""; display:block; width:100%; height:20px; background-size:auto 20px; position:absolute; left:0;bottom:-20px;}
.info-opt .record-r{ margin-left:270px; position:relative;}
.info-opt .personal{padding:25px;}
.info-opt .personal > .title{ font-size:12px; color:#f4f4f4;line-height:18px;border-bottom:none;text-indent:0px;}
.info-opt .brief{ color:#fff; padding:25px 0; padding-left:75px; border-bottom:1px solid #91bffd; position:relative;}
.info-opt .brief .user-head{ width:64px; height:64px; border-radius:100%!important; overflow:hidden; position:absolute; top:20px; left:0;}
.info-opt .brief dl dd {font-size: 12px;line-height: 18px;}
.user-head img{ display:block; width:100%; height:100%;}
.info-opt .brief dt{ line-height:32px; font-size:18px; font-weight:600;}
.info-opt .brief dt span{ display:inline-block; line-height:18px; font-size:12px; font-weight:100; border:1px solid #fff; border-radius:4px!important; padding:0 6px; margin-left:5px; vertical-align:top; position:relative; top:6px;}
.info-opt .consumption{ line-height:24px; color:#fff; padding:15px 0;}
.info-opt .consumption span{ color:#dbebff;}
.info-opt .tel{ line-height:40px; font-size:15px; font-weight:600;}
.info-opt .tel i{ margin-right:5px;}

.default-box{ padding:30px 0; text-align:center;}
.default-box .tips{ display:block; line-height:76px; color:#659ce8; font-size:82px; margin:0 auto; margin-bottom:40px;}
.default-box .btnbox a{ display:block; line-height:46px; font-size:14px; color:#fff; background:#4292ff; border:1px solid rgba(255,255,255,0.4); margin-bottom:15px; border-radius:12px!important;}
.default-box .btnbox a.addbtn{ background:#009688;}
.default-box .btnbox a i{ font-size:24px; line-height:36px; margin-right:5px; vertical-align:top; position:relative; top:3px;}

.info-opt .btnbar{ border-top:1px solid #91bffd;}
.info-opt .btnbar > .item{ width:50%; text-align:center; float:left;}
.info-opt .btnbar > .item + .item{ border-left:1px solid #91bffd;}
.info-opt .btnbar > .item a{ display:block; line-height:50px; color:#dbebff;}

.tab-date{ position:relative; padding-left:40px; z-index:3;}
.tab-date > .item{ float:left; margin-right:3px;}
.tab-date > .item a{ display:block; min-width:120px; line-height:32px; text-align:center; background:#fff; border:1px solid #ccc; border-bottom:0; box-shadow:inset 0 -2px 2px rgba(0,0,0,0.03); position:relative;}
.tab-date > .item a.active{ font-weight:600; color:#2196f3; border-color:#91bffd; box-shadow:none;}
.tab-date > .item a.active:before{ content:""; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:-2px;}
.tab-date > .item a.add{ min-width:60px;}
.tab-date > .item a.add i{ font-size:18px;}
.tab-date > .item a i{ line-height:1; position:relative; top:2px;}

.info-opt .data-box{ height:360px; background:#fff; border:1px solid #ddd; border-left:0; border-top:1px solid #91bffd; padding:25px; position:relative;}

.info-opt .data-box .form-bar{ padding:30px 0; overflow:hidden; zoom:1;}
.info-opt .data-box .form-bar .formbox-default{ padding-left:6em;}
.info-opt .data-box .form-bar .formbox-default label{ width:4em;}
.info-opt .data-box .form-bar .optist{ width:30%; float:left;}
.info-opt .data-box .form-bar .remarks{width:70%; float:left;}

.chufang > .title{ height:34px; border-bottom:1px solid #ddd; margin-bottom:15px;text-indent: 0px;color: #555;}
.chufang > .title h3{ display:block; line-height:30px; font-size:14px; padding-left:10px; float:left; font-weight: bold;}
.chufang > .title .tab-lei{ float:left; margin-left:30px;}
.chufang > .title .tab-lei li{ float:left;}
.chufang > .title .tab-lei li a{ display:block; line-height:32px; background:#f6f6f6; border:1px solid #ddd; padding:0 25px; margin-left:-1px;}
.chufang > .title .tab-lei li a.active{ background:#fff; border-bottom-color:#fff;}

.datatable-shili{ margin:0 100px; position:relative; font-size: 13px;}
.datatable-shili .info-bar{ line-height:32px; margin-bottom:10px; position:relative;}
.datatable-shili .info-bar > .item{ width:12.5%; text-align:center; float:left;height:32px;line-height:32px;}
.datatable-shili .info-bar .type{ font-size:14px; font-weight:600; position:absolute; top:0; left:-60px;}
.datatable-shili .info-bar .type.red{ color:#ff2f2f;}
.datatable-shili .info-bar .type.blue{ color:#1f6cde;}
.datatable-shili .info-bar.list-head{ color:#888;}
.datatable-shili .info-bar.red-bg{ background:#ffeced;}
.datatable-shili .info-bar.blue-bg{ background:#edf5ff;}
.datatable-shili .info-bar.define-row{ margin-left:-15px; margin-right:-15px; position:relative;}
.datatable-shili .info-bar.define-row > .item{ padding:0 15px;}
.datatable-shili .info-bar.define-row.col2 > .item{ width:50%;}
.datatable-shili .info-bar.define-row.col3 > .item{ width:33.3333%;}
.datatable-shili .info-bar.define-row.col4 > .item{ width:25%;}
.datatable-shili .info-bar.define-row > .item .pmr{ display:block; background:#eee; padding:0 12px; text-align:right; position:relative;}
.datatable-shili .info-bar.define-row > .item .pmr span{ position:absolute; top:0; left:12px;}
.datatable-shili .clear-btn{ display:block; width:70px; height:74px; color:#ff7b0f; text-align:center; border:1px solid #ffcb80; position:absolute; top:42px; right:-85px;}
.datatable-shili .clear-btn i{ display:block; font-size:24px;line-height:36px;}
.datatable-shili .clone-btn{ display:block; width:70px; height:74px; color:#209a19; text-align:center; border:1px solid #31b729; position:absolute; top:42px; right:-85px;}
.datatable-shili .clone-btn i{ display:block; font-size:24px;line-height:36px;}

.default-box2{ width:100%; text-align:center; font-size:16px; color:#999;}
.default-box2 i{ font-size:82px; line-height: 123px;color:#ddd; display:block;}

.row-hst{ background:#fff; border:1px solid #ddd; position:relative;}
.mstitle{ padding:0 30px; position:relative;}
.mstitle h2{ display:inline-block; line-height:60px; font-size:15px; font-weight:600; padding-left:10px; position:relative;}
.mstitle h2:before{ content:""; display:block; width:2px; background:#a2c4f4; position:absolute; left:0; top:24px; bottom:22px;}
.mstitle .tools-bar{ font-size:14px; position:absolute; top:14px; right:30px;}
.mstitle .tools-bar .btn-solid a{ display:block; line-height:30px; color:#03a9f4; border:1px solid #6eabff; border-radius:32px!important; padding:0 18px; float:left; margin-left:10px;}

.goods-selcet{ padding:10px 30px; position:relative;}
.datalist-goods{ width:100%; border:0;}
.datalist-goods td{ border-bottom:1px dashed #eee; padding:15px 10px; position:relative;}
.datalist-goods tr td:nth-child(4n-2){width: 260px;}
.datalist-goods tr td:nth-child(4n-1){width: 260px;}
.datalist-goods tr td:nth-child(4n){width: 100px;}
.datalist-goods .item-field{ min-height:68px; position:relative; padding-left:80px;}
.datalist-goods .item-field .imgbox{ width:70px; height:70px; border:1px solid #ddd; padding:2px; position:absolute; top:-2px; left:0;}
.datalist-goods .item-field .imgbox img{ width:100%;height:100%;}
.datalist-goods .item-field h4{ font-weight:600; min-height:2em; margin-bottom:0.5em; margin-top: 0;}
.datalist-goods .item-field .par li span{ color:#aaa;}
.datalist-goods .item-field .par li span:after{ content:"/"; margin-left:1em;}
.datalist-goods .item-field .par li span:last-child:after{ display:none;}
.datalist-goods .item-field .par li span + span{ margin-left:1em;}

.datalist-goods .form-goods{ width:240px;}
.datalist-goods .form-goods .formline + .formline{ margin-top:7px;}
.datalist-goods .form-goods .formline label{ display:inline-block; width:5em; text-align:right;}
.datalist-goods .form-goods .formline input[type=text]{ display:inline-block; width:80px; height:28px; border:1px solid #ddd; padding:0 10px;}
.datalist-goods .form-goods .formline .unit{ display:inline-block;min-width:75px; margin-right:30px; position:relative;}
.datalist-goods .form-goods .formline .unit:after{ color:#ccc; content:"X"; position:absolute; top:0; right:-22px;}
.form-field{ display:inline-block; width:80px; position:relative;}
.form-field .select-box{ display:block; line-height:26px; border:1px solid #ddd; padding:0 10px; position:relative; z-index:1;}
.form-field .select-box i{ position:absolute; top:0; right:5px;line-height: 26px;}
.form-field select{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0;}
.customize-tips{ display:inline-block; line-height:26px; color:#ff9b25; border:1px solid #ff9b25; border-radius:6px!important; padding:0 12px;}
.customize-tips.fals{ opacity:0;}

.datalist-goods .btnbar{ font-size:14px; min-width:80px;}
.datalist-goods .btnbar a{ display:inline-block; line-height:32px;}
.datalist-goods .btnbar a i{ font-size:24px;}
.datalist-goods .item-field .imgbox.service-tips{ padding:7px; background:none; border:1px solid transparent;}

.tools-fast{ padding:20px 0 10px 0; text-align:right;}
.tools-fast a{ display:inline-block; line-height:32px; background:#f9f9f9; border:1px solid #eee; padding:0 20px; margin-left:10px;}
.tools-fast a.active{ color:#03a9f4; background:#e6f3ff; border-color:#6db9fd;}
.tools-fast a .more{ line-height:18px; position:relative; top:2px;}

.row-hst.balance{ background:#d6e3e7; border-color:#d6e3e7;}

.balance-info{ font-size:14px; line-height:30px; margin-bottom:60px; position:relative;}
.balance-info .formline{ padding:10px 0;}
.balance-info .formline.basic{ border-bottom:1px solid #c0cccf;; margin-bottom:10px;}
.balance-info .formline .field{ display:inline-block;}
.balance-info .formline .field + .field{ margin-left:2em;}
.balance-info input[type=text]{ width:100px; height:30px; background:none; border:1px solid #87a5ae; padding:0 10px;}
.balance-info .form-field{ width:150px;}
.balance-info .form-field .select-box{ line-height:28px; border-color:#87a5ae;}
.balance-info .form-field .select-box i{ line-height:28px;}
.balance-info .lable-select{ display:inline-block;}
.balance-info .lable-select a{ display:inline-block; line-height:28px; border:1px solid #87a5ae; padding:0 20px; margin-right:4px;}
.balance-info .lable-select a.active{ color:#333; background:#fff;}

.summary-bar{ font-size:16px; font-weight:600; line-height:50px; position:absolute; right:30px; bottom:30px;}
.summary-bar span{ color:#EF090D; margin-left:20px;}
.summary-bar a{ display:inline-block; color:#fff; background:#ff9b25; padding:0 40px; margin-left:30px;}

.price-red{ color:#E71216;}
.color-red{ color:#E71216;}
.color-grey{ color:#999;}
.color-blue{ color:#0072c9;}
.border-bottom{ border-bottom:1px solid #eee;}
.orange-tips{ color:#ff9d33;}
.order-basic{ font-size:14px; padding:0 30px; padding-bottom:20px; margin:0 30px; color: #555;}
.order-basic li{ display:inline-block; margin-right:4em;}
.order-basic li span + span{ margin-left:1em;}

.order-preview{ background:#f6fcfc; border:1px solid #ddd; font-size: 14px;}

.pay-info{ padding:0 30px;}
.pay-info .collect-info{ font-size:14px;}
.pay-info .collect-info li{ display:inline; margin-right:2em;}

.pay-method{ padding:30px 0;}
.pay-method .card{ font-size:14px; text-align:center; border:1px solid #eee; float:left; margin:10px;}
.pay-method .card a{ display:block; width:160px; height:100px; color: #555;}
.pay-method .card a:hover{color: #034eb9;}
.pay-method .card .paylogo{ display:block; width:38px; height:44px; line-height:44px; font-size:24px; margin:0 auto;}
.pay-method .card span{ display:block; font-size:12px; color:#4ec400;}

.pay-method-btn{ font-size:14px; margin-bottom:40px;}
.pay-method-btn .sm{ font-size:20px; margin-bottom:15px;}
.pay-method-btn .btnbar a{ display:inline-block; width:130px; line-height:50px; font-size:18px; font-weight:bold; text-align:center; border:1px solid #ddd;}
.pay-method-btn .btnbar a.payment-ok{ color:#fff; background:#419aff; border:1px solid #419aff;}

.printbtn{ font-size:12px; color:#0072c9 !important;}
.printbtn i{ line-height:18px; position:relative; top:1px; margin-right:4px;}

.form-kuaidi{ width:90%; padding:15px 30px;}

/*邮寄信息*/
.track-packaged{ padding:0 30px;}
.track-packaged .packaged-info{ display:inline-block; margin-left:15px;}
.track-packaged .trackwrap{ padding:0 30px;}
.track-packaged .timeline{ color:#888; padding:40px;}
.track-packaged .timeline li{ line-height:22px; padding:5px 0; padding-left:200px; position:relative; font-size: 13px;}
.track-packaged .timeline li:before{ content:""; border-left:1px dashed #ddd; position:absolute; left:0; top:0; bottom:0;}
.track-packaged .timeline li:after{ content:""; display:block; width:5px; height:5px; background:#ddd; border-radius:100%!important; position:absolute; top:50%; margin-top:-3px; left:-2px;}
.track-packaged .timeline li .time{ position:absolute; top:5px; left:20px;}

/*===========取镜管理===========*/
.search-bar-top{ padding:30px;}
.search-bar-top .search-default{ width:50%; position:relative;}
.search-bar-top .search-default input[type=text]{ display:block; width:100%; height:32px; line-height:18px; padding:6px 10px;}
.search-bar-top .search-default .search-btn{ display:block; width:60px; line-height:30px; color:#fff; text-align:center; background:#2c7eff; border:1px solid #2c7eff; border-radius:2px!important; position:absolute; top:0; right:-70px;}
.search-bar-top .search-default .switch-btn-search{display:block; width:60px; line-height:30px; color:#fff; text-align:center; background:#7187aa; border:1px solid #7187aa; border-radius:2px!important; position:absolute; top:0; right:-140px;}

.history-orders{ padding:0 30px;}
.history-orders .datatable-default th{ font-weight:600; color:#999; border-bottom:1px solid #eee;}
.history-orders .datatable-default td{ padding:10px 10px; border-bottom:1px solid #eee;}

.opt-info{ padding: 20px; padding-left:10px; color: #555;}
.opt-info span{ margin-right: 20px;}